// import React from 'react';
// import "./style.css"
// import "../player.css"
// import ChatList from '../../components/ChatList';
//
// import DisableRecordScreen from "../../components/DisableRecordScreen";
// import RollingAd from '../../components/RollingAd';
// import VideoAd from '../../components/VideoAd';
// import Document from '../../components/Document';
// import Discuss from '../../components/Discuss';
// import mzsdk from '../../../../utils/mzsdk';
// import RecommendGood from '../../components/RecommendGood';
//
// import InteractionControl from '../../components/InteractionControl';
// import MarketingControl from '../../components/MarketingControl';
//
// import OnlineAudienceEnter from '../../components/OnlineAudienceEnter'
// import LiveNotice from '../../components/LiveNotice'
//
// export default class SuperPlayer extends React.Component {
//     /**
//      * 二分屏播放器
//      *
//      * @param {isShowErrorDisplay} props 是否显示错误信息
//      * @param {errorContent} props 错误信息内容
//      * @param {ticketInfo} props 当前活动信息
//      * @param {ticketId} props 当前活动ID
//      *
//      * @param {chatList} props 聊天消息列表
//      * @param {getRef} props 返回自己的Ref
//      */
//
//     constructor(props) {
//         super(props);
//         this.state = ({
//             activityKey: 'chat',//当前展示的菜单的key
//
//             chatRef: null,//聊天句柄
//         })
//     }
//
//     // 标题选择
//     changeActiveKey = (key) => {
//         this.setState({
//             activityKey: key
//         }, () => {
//             switch (key) {
//                 case 'chat':
//                     mzsdk.mzee.emit('chat_updateFrame')
//                     mzsdk.mzee.emit('recommendGoods_isToPlay', true)
//                     break;
//                 case 'doc':
//                     mzsdk.mzee.emit('update-document-frame')
//                     mzsdk.mzee.emit('recommendGoods_isToPlay', false)
//                     break;
//                 case 'discuss':
//                     mzsdk.mzee.emit('discuss_updateFrame')
//                     mzsdk.mzee.emit('recommendGoods_isToPlay', false)
//                     break
//                 default:
//                     break;
//             }
//         })
//     }
//
//     componentDidMount() {
//         this.props.getRef(this);
//         if (this.props.ticketInfo) {
//             for (let i = 0; i < this.props.ticketInfo.right.length; i++) {
//                 let element = this.props.ticketInfo.right[i];
//                 switch (element.type) {
//                     case 'proclamations'://公告开关 - 初始化
//                         let e = {
//                             isShow: parseInt(element.is_open) == 1 ? true : false,
//                             content: this.props.ticketInfo.notice.notice_content
//                         }
//                         mzsdk.mzee.emit('proclamations_change', e)
//                         break;
//                     default:
//                         break;
//                 }
//             }
//         }
//     }
//
//     // 获取防录屏的Ref
//     getDisableRecordScreen = (ref) => {
//         this.disableRecordScreenRef = ref;
//     }
//
//     // 开启防录屏
//     startDisableRecordScreenDiv = (nickname) => {
//         if (this.disableRecordScreenRef && this.props.isShowErrorDisplay == false) {
//             let disableString = "防录屏文字";
//             if (nickname && nickname.length > 0) {
//                 disableString = nickname;
//             }
//             this.disableRecordScreenRef.startDisableRecordScreenRef(disableString);
//         }
//     }
//
//     // 关闭防录屏
//     endDisableRecordScreenDiv = () => {
//         if (this.disableRecordScreenRef && this.props.isShowErrorDisplay == false) {
//             this.disableRecordScreenRef.endDisableRecordScreenRef();
//         }
//     }
//
//     render() {
//         let { activityKey } = this.state;
//         return (
//             <div className={this.props.ticketInfo && this.props.ticketInfo.status == 2 ? 'main-top-super' : 'main-top-super live-video-background'}>
//                 {
//                     this.props.isShowErrorDisplay && this.props.isShowErrorDisplay == true ?
//                         <div style={{ position: 'relative', height: '4.22rem' }} id="main-top-video-super-background">
//                             <div className={'main-top-video-super'}>
//                                 <img className="errorImage" width="100%" height="100%" src={this.props.ticketInfo ? this.props.ticketInfo.cover : ''} />
//                                 <div className="errorContent">{this.props.errorContent}</div>
//                             </div>
//                         </div> :
//                         <div style={{ position: 'relative', height: '4.22rem' }} ref={ref => this.disableRecordScreenPartnerRef = ref} id="main-top-video-super-background">
//                             <div className={'main-top-video-super'} id="mz-video-wrapper" />
//                             {/*{*/}
//                             {/*    <DisableRecordScreen*/}
//                             {/*        partnerRef={this.disableRecordScreenPartnerRef}*/}
//                             {/*        getRef={this.getDisableRecordScreen}*/}
//                             {/*    >*/}
//                             {/*    </DisableRecordScreen>*/}
//                             {/*}*/}
//                             {/*{*/}
//                             {/*    <VideoAd*/}
//                             {/*        type={1}*/}
//                             {/*        ticketId={this.props.ticketId}*/}
//                             {/*        poster={this.props.ticketInfo ? this.props.ticketInfo.cover : ''}*/}
//                             {/*    >*/}
//                             {/*    </VideoAd>*/}
//                             {/*}*/}
//                             {/*{*/}
//                             {/*    this.props.ticketInfo && <OnlineAudienceEnter ticketInfo={this.props.ticketInfo} />*/}
//                             {/*}*/}
//                         </div>
//                 }
//                 <RollingAd
//                     ticketId={this.props.ticketId}
//                 >
//                 </RollingAd>
//                 <div id="tab-background">
//                     <div className="tab-menu-background" id="tab-menu-background">
//                         <div className={activityKey == 'chat' ? 'tab-menu-item activity' : 'tab-menu-item'} onClick={() => { this.changeActiveKey('chat') }}>互动</div>
//                         <div className={activityKey == 'doc' ? 'tab-menu-item activity' : 'tab-menu-item'} onClick={() => { this.changeActiveKey('doc') }}>文档</div>
//                         <div className={activityKey == 'discuss' ? 'tab-menu-item activity' : 'tab-menu-item'} onClick={() => { this.changeActiveKey('discuss') }}>问答</div>
//                     </div>
//                     <div className="tab-content-background">
//                         <div className={activityKey == 'chat' ? 'tab-content-item tab-content-chat' : 'tab-content-item none'}>
//                             <LiveNotice />
//                             <div style={{ display: 'flex', flexDirection: 'column-reverse', flex: '1', width: '100vw' }}>
//                                 <InteractionControl ticketId={this.props.ticketId} isVertical={false}/>
//                                 <RecommendGood />
//                                 <div style={{ flex: '1', width: '100%' }}>
//                                     <ChatList list={this.props.chatList} />
//                                 </div>
//                             </div>
//                             {
//                                 this.props.ticketInfo && this.props.isShowFullScreenAd == false && <MarketingControl className="mz-super-marketing-control" ticketId={this.props.ticketId} ticketInfo={this.props.ticketInfo} />
//                             }
//                         </div>
//                         <div className={activityKey == 'doc' ? 'tab-content-item' : 'tab-content-item none'}>
//                             <Document ticketInfo={this.props.ticketInfo}></Document>
//                         </div>
//                         <div className={activityKey == 'discuss' ? 'tab-content-item' : 'tab-content-item none'}>
//                             <Discuss ticketInfo={this.props.ticketInfo}></Discuss>
//                         </div>
//                     </div>
//                 </div>
//             </div>
//         );
//     }
// }
